<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<%@ include file="/WEB-INF/views/include/constrant.jsp"%>
<%@ taglib prefix="sitemesh" uri="http://www.opensymphony.com/sitemesh/decorator" %>
<jsp:include page="/WEB-INF/views/layouts/head.jsp"></jsp:include>
<html>
<head>
<title>按天包车</title>
<link href="${ctxStatic}/jquery-select2/3.4/fselect2.min.css" rel="stylesheet" />
<link href="${ctxStatic }/cityselector/cityselect.css" rel='stylesheet'type='text/css' />
<link rel="stylesheet" href="${ctxStatic }/index/css/daycars2.css" />
<script type="text/javascript" src="${ctxStatic }/index/js/xiake.js"></script>
<script type="text/javascript">
$(function() {
	// 初始化站点选择框
	$.post('${ctxFront}/info/site/siteJson',{spottypes:'0,b'}, function(data) {
		var allCity = data;//['北京市#001#1|beijing|bj','上海市#002#0|shanghai|sh'];
		new Vcity.CitySelector({input:'departcity_sitename1',cityData:allCity});
	});
	//市内包车提交
	$('#daysearch').click(function(){
		var val=$('#dayRentType').val();
		var destcity=$('#departcity_sitename1').val();
		var day = $('#day').val();
		if(destcity=='') {
			alert("你还未选择出发地");
			return false;
		} else {
			$('#dayRentForm').submit();
		}
	});
	// 日租包车包车类型处理
	$('.dayRentTab').click(function(){
		$('#dayRentType').val($(this).attr('data-value'));
		//changeRentType($(this).attr('data-value'));
	});
	$('#dayRentType').change(function(){
		changeRentType($(this).val());
	});
})
function changeRentType(val){
	if(val=='市内') {
		$('#day').val("");
	}
	if(val=='跨市') {
		$('#day').val("");
	}

}
</script>
</head>
<body><input type="hidden" id="menuInfo" value="indexDayRent">
			<div class="day-warp">
				<div class="day_se_banner">
					 <img src="${ctxStatic}/index/images/search_banner.jpg" />
				</div>
			    <div class="day_search_box">
			    	 <div class="day_search_left">
			    	 	  <div class="d_s_main">
			    	 	  	    <div class="d_s_tit">
			    	 	  	    	  <h5>按天包车</h5>
			    	 	  	    </div>
  	    <form id="dayRentForm" action="${ctxFront}/rentproduct/list" method="post">
  	    <input id="dayRentType" type="hidden" name="tabType" value="跨市"/>
		<input type="hidden" name="rentType" value="${ORDER_TYPE_RENTPRODUCT_DAY }"/>	
			    	 	  	    	 <div class="d_s_query clearfix">
			    	 	  	    	     <div class="d_q_box">
                                             <span class="d_q_tit">出发城市：</span>
               <input type="text" id="departcity_sitename1" data-autocity="yes" class="d_x_so" name="departcity.sitename" value="" placeholder="请输入出发地" autocomplete="off"/>
				<input type="hidden" name="departcity.siteid" value="">
			    	 	  	    	     </div>
			    	 	  	    	     <div class="d_q_box">
                                             <span class="d_q_tit">出发时间：</span>
<input type="text" name="fromdateStr" readonly class="d_x_so Wdate" style="height: 34px" value="${tomorrow }"
	onclick="WdatePicker({dateFmt:'yyyy-MM-dd',isShowClear:false,maxDate:'${maxDay }',minDate:'${today}'});"/>
<input type="text" name="time" readonly class="d_x_so Wdate" value="${time }" style="height: 34px"
	onclick="WdatePicker({dateFmt:'HH:mm',isShowClear:false});"/>
			    	 	  	    	     </div>
			    	 	  	    	     <div class="d_q_box">
                                             <span class="d_q_tit">包车范围：</span>
                                             <label class="d_q_ks">
                                             	<input type="radio" class="d_x_c dayRentTab"  data-value="跨市" checked="checked" name='bc'/>
                                             	<span class="d_q_check">跨市包车</span>
                                             </label>
                                             <label class="d_q_sn">
                                             	<input type="radio" class="d_x_c dayRentTab"  data-value="市内" name='bc'/>
                                             	<span class="d_q_check">市内包车</span>
                                             </label>
			    	 	  	    	     </div>
			    	 	  	    	     <div class="d_q_box">
                                             <span class="d_q_tit">包车天数：</span>
                                             <select class="d_q_do" id="day" name="daysnum">
                                             	<option class="fa_n fa_half" value='0'>0.5天</option>
                                             	<option class="fa_n" value='1' selected="selected">1天</option>
                                             	<option class="fa_n" value='2'>2天</option>
                                             	<option class="fa_n" value='3'>3天</option>
                                             	<option class="fa_n" value='4'>4天</option>
                                             	<option class="fa_n" value='5'>5天</option>
                                             	<option class="fa_n" value='6'>6天</option>
                                             	<option class="fa_n" value='7'>7天</option>
                                             	<option class="fa_n" value='8'>8天</option>
                                             	<option class="fa_n" value='9'>9天</option>
                                             	<option class="fa_n" value='10'>10天</option>
                                             </select>
			    	 	  	    	     </div>
			    	 	  	         </div>
			    	 	  	         <div class="d_q_btn">
			    	 	  	         	   <a href="javascript:void(0)" id="daysearch">查询</a>
			    	 	  	         </div>
			    	 	  	    </form>
			    	 	  </div>
			    	 </div>
			    	 <div class="day_search_abside">
			    	 	  <div class="d_s_ab">
			    	 	  	   <p>按天包车</br>想去哪里就去哪里</p>
			    	 	  	   <p>不管是说走就走的旅行还是不确定的会议包车、商务考察，人生很多时候并不知道目的地在哪里，但只要明确出发地，霞客约车带你去任何你想去的地方</p>
			    	 	       <p>
			    	 	       	      <span>市内包车</span>
			    	 	       	      <span>跨市包车</span>
			    	 	       </p>
			    	 	       <p>
			    	 	       	      <span>8小时/100公里 &nbsp;0.5天起租</span>
			    	 	       	      <span>8小时/300公里 &nbsp;1天起租</span>
			    	 	       </p>
			    	 	  </div>
			    	 </div>
			    </div>
			</div>
</body>
</html>
<jsp:include page="/WEB-INF/views/layouts/foot.jsp"></jsp:include> 